#container {
    width: 100%;
    min-width: 780px;
	max-width: 1200px;
	margin: 0 auto;
    padding: 5px;
}

#header, #navigation, #content, #footer {
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

#header *, #navigation *, #content *, #footer * {
    padding: 5px;
}

#content input, #content select, #content textarea, #content button {
    padding: 0;
    margin-bottom: 8px;
}

#content select * {
    padding: 0;
}

#subcontent1, #subcontent2, #subcontent3 {
    padding: 0;
}

#main {
    width: 100%;
}

#navigation {
    float: left;
    width: 150px;
}

#content {
    margin-left: 160px;
}

#content img {
    float: left;
    margin: 5px;
}

#subcontent1 {
    float: left;
    width: 270px;
}

#subcontent2 {
    margin-left: 280px;
}

#subcontent3 {
    clear: both;
}

#header, #main, #footer {
    clear: both;
}

#content label {
    float: left;
    width: 150px;
}

#content label.check {
    float: none;
    width: auto;
}

#content label.check img {
    float: none;
	vertical-align: middle;
    margin: 10px 10px 10px 0;
    padding: 0;
}

#content a {
    padding: 0;
}

#content input[type="text"], #content input[type="password"], #content textarea, #content select {
    width: 300px;
}

#content textarea {
	height: 150px;
}

#content input[type="text"].composed, #content input[type="password"].composed, #content select.composed {
    width: auto;
}

#content button, #content input[type="button"], #content input[type="submit"], #content input[type="reset"] {
    padding: 2px;
    margin-right: 5px;
}

form br {
    clear: both;
}

form {
    overflow: auto;
}

form span {
    white-space: nowrap;
}

/* IE Fixes */

* html #container {
    width: expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1202? "1200px" : "auto");
}